<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!-- 头部 -->
<header
	class="bg-white-only header header-md navbar navbar-fixed-top-xs">
	<!-- header -->
	<div class="navbar-header aside bg-info nav-xs">
		<a class="btn btn-link visible-xs"
			data-toggle="class:nav-off-screen,open" data-target="#nav,html">
			<i class="icon-list"></i>
		</a> <a href="index.html" class="navbar-brand text-lt"> <i
			class="icon-earphones"></i> <img src="images/logo.png" alt="."
			class="hide"> <span class="hidden-nav-xs m-l-sm">Musik</span>
		</a> <a class="btn btn-link visible-xs" data-toggle="dropdown"
			data-target=".user"> <i class="icon-settings"></i>
		</a>
	</div>
	
	<!-- 控制状态栏的展开和收缩 -->
	<ul class="nav navbar-nav hidden-xs">
		<li><a href="#nav,.navbar-header"
			data-toggle="class:nav-xs,nav-xs" class="text-muted "> 
				<i class="fa fa-indent text"></i> 
				<i class="fa fa-dedent text-active">
				</i>
		</a></li>
	</ul>
	
	<form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs"
		role="search">
		<div class="form-group">
			<div class="input-group">
				<span class="input-group-btn">
					<button type="submit" class="btn btn-sm bg-white btn-icon rounded">
						<i class="fa fa-search"></i>
					</button>
				</span> <input type="text" class="form-control input-sm no-border rounded"
					placeholder="Search songs, albums...">
			</div>
		</div>
	</form>
	<div class="navbar-right ">
		<ul class="nav navbar-nav m-n hidden-xs nav-user user">
			<li class="hidden-xs"><a href="#" class="dropdown-toggle lt"
				data-toggle="dropdown"> <i class="icon-bell"></i> <span
					class="badge badge-sm up bg-danger count">2</span>
			</a>
				<section class="dropdown-menu aside-xl animated fadeInUp">
					<section class="panel bg-white">
						<div class="panel-heading b-light bg-light">
							<strong>You have <span class="count">2</span>
								notifications
							</strong>
						</div>
						<div class="list-group list-group-alt">
							<a href="#" class="media list-group-item"> <span
								class="pull-left thumb-sm"> <img src="images/m0.jpg"
									alt="..." class="img-circle">
							</span> <span class="media-body block m-b-none"> Use awesome
									animate.css<br> <small class="text-muted">10
										minutes ago</small>
							</span>
							</a> <a href="#" class="media list-group-item"> <span
								class="media-body block m-b-none"> 1.0 initial released<br>
									<small class="text-muted">1 hour ago</small>
							</span>
							</a>
						</div>
						<div class="panel-footer text-sm">
							<a href="#" class="pull-right"><i class="fa fa-cog"></i></a> <a
								href="#notes" data-toggle="class:show animated fadeInRight">See
								all the notifications</a>
						</div>
					</section>
				</section></li>
			<li class="dropdown"><a href="#"
				class="dropdown-toggle bg clear" data-toggle="dropdown"> <span
					class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">

						<c:if test="${!empty user}">
							<img src="${ sessionScope.user.user_headImg }" alt="...">
						</c:if> <c:if test="${empty user}">
							<img src="images/a0.png" alt="...">
						</c:if>

				</span> <c:if test="${!empty user}">
              	${ sessionScope.user.user_name }
              </c:if> <c:if test="${empty user}">
              	游客
              </c:if> <b class="caret"></b>
			</a>
				<ul class="dropdown-menu animated fadeInRight">
					<li><span class="arrow top"></span> <a href="#">Settings</a></li>
					<li><a href="profile.jsp">Profile</a></li>
					<li><a href="#"> <span class="badge bg-danger pull-right">3</span>
							Notifications
					</a></li>
					<li><a href="docs.html">Help</a></li>
					<li class="divider"></li>
					<li><a href="modal.lockme.jsp" data-toggle="ajaxModal">Logout</a>

						<!-- <li><a onClick="logout()">Logout</a> --></li>
				</ul></li>
		</ul>
	</div>
</header>

<!-- <script>
function logout(){
	$.ajax({
		url : "userServlet",
		type : "get",
		data : "type=logout",
		success : function(data){ 
			$.session.clear();
			alert("您已下线.....");
		}
	});
}
	
</script> -->